<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
<meta name="viewport"
	content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="spm_prefix" content="333.851">
<link rel="icon" href="/img/index.ico" />
<link rel="shortcut icon" href="./img/index.ico" />
<meta charset="UTF-8" name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.0/dist/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
<script src="https://code.jquery.com/jquery-3.4.1.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.0/dist/js/bootstrap.min.js" integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI" crossorigin="anonymous"></script>
<title>注册_碳氢知识</title>
</head>
<body style="min-width: 510px; text-align: center;">
	<div class="container">
		<br>
		<div class="row col-xl-auto justify-content-md-center">
			<div class="col-md-auto"></div>
			<div style="width: 330px;" class="container">
				<img alt="" src="/img/logo_interface.png" width="300px">
				<br><span style="color: red;" th:text="${error}"></span>
				<span style="color: red;" th:text="${message}"></span><br><br>
				<h3>注册</h3>
				<br>
				<form role="form" method="post" id="signupForm" action="/registersubmtMessage" onsubmit="return CheckPost();">
					<div class="form-group">
						<input type="text" class="form-control" placeholder="请输入邮箱"
							required="" id="email" name="email">
							<span style="color: red;" id="emailver"></span>
					</div>
					<div class="form-group">
						<input type="text" class="form-control" placeholder="请输入手机号"
							id="phone" required="" name="phone">
					</div>
					<span style="color: red;" id="phonever"></span>
					<div class="form-group">
						<input type="password" class="form-control" placeholder="请输入密码"
							id="passwd1" required="" name="passwd1">
							<span style="color: red;" id="passwd1ver"></span>
					</div>
					<div class="form-group">
						<input type="password" class="form-control" placeholder="请确认密码"
							id="passwd2" required="" name="passwd2">
							<span style="color: red;" id="passwd2ver"></span>
					</div>
					<div class="input-group mb-3">
					  <input type="text" class="form-control" id="verificationCode" placeholder="输入验证码" aria-label="Recipient's username" aria-describedby="basic-addon2">
					  <div class="input-group-append">
					    <button class="btn btn-outline-secondary" type="button" disabled="true" id="submitverificationCode">请求验证码</button>
					  </div>
					</div>
					<span style="color: red;" id="verificationCodever"></span>
					<img src="/login/code" id="imgflush" onclick="this.src='/login/code?r='+Math.random();" title="点击更换验证码" />
					<div class="form-group">
						<input type="text" class="form-control" placeholder="输入邮箱验证码"
							id="verificationCodeEmail" name="verificationCodeEmail"  autocomplete="off">
							<span style="color: red;" id="verificationCodeEmailver"></span>
					</div>
					<button type="submit" id="submit" class="btn btn-primary block container">注册
						</button>
					<p class="text-muted text-center"><small>已经有账户了？</small><a href="/login">点此登录</a>&emsp;&emsp;<a href="/login/register/teacher">教师账号注册</a></p>
				</form>
			</div>
			<div class="col-md-auto"></div>
		</div>
	</div>
</body>
<script src="/js/registerjs.js"></script>
</html>